<!DOCTYPE html>
<html lang="en">
<head>
    <base href="../index.html">

    <meta charset="UTF-8" />
    <title>xqy</title>
     <link rel="stylesheet" type="text/css" href="font_fyege4529hmbcsor/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/base.css" />
   
    <link rel="stylesheet" type="text/css" href="css/mjl.css" />
    <link rel="stylesheet" type="text/css" href="css/ltcss.css" />
    <link rel="stylesheet" type="text/css" href="css/lm87.css" />
    <!-- <link rel="stylesheet" type="text/css" href="font_fyege4529hmbcsor/iconfont.css" /> -->
     <link rel="stylesheet" type="text/css" href="css/xqy.css" />
        <script type="text/javascript">
   
    </script>
</head>
<body>

<div  id="header" class='first'>
        <header>
        <div class="header-top wrap">
            <p class='lt'>
                Welcome, <a href="html/regin_sign.html">Sign in</a> or <a href="html/regin_sign.html">Reqister</a>  <span class='tr'> text </span>
                <a href="#">    Sign out</a>
            </p>

            <div class="rt">
                <span class='MyAccount'>
                    <span>My Account <img src="img/(3).jpg" class='avtive'></span>

                    <ul class='MyLink'>
                        <li><a><img src="img/a (1).jpg" alt=""><span>My Wallet</span></a></li>
                        <li><a><img src="img/a (2).jpg" alt=""><span>My Order</span></a></li>
                        <li><a><img src="img/a (3).jpg" alt=""><span>My Profile</span></a></li>
                        <li><a><img src="img/a (4).jpg" alt=""><span>My Coupons</span></a></li>
                        <li><a><img src="img/a (5).jpg" alt=""><span>Wish List </span></a></li>
                        <li><a><img src="img/a (6).jpg" alt=""><span>My Messages</span></a></li>
                    </ul>
                </span>
                <span class='MyCart'>
                <span>
                     <img src="img/(2).jpg" alt=""><span class='QTY'></span>Items 
                    <span ><a class='tr SUM'></a></span><img src="img/(3).jpg" class='change'>
                </span>
                   
                    <!-- <ul class='MyGoods'>
                        <li>
                            <img src="img/Mbags_03.jpg" alt="">
                            <span class='Mdetails'>
                                Gucci Vintage Web Leather Boston Tote Baq 247205 RED
                                <b class='price'>$219 &times; 1</b>
                            </span>
                        </li>
                        <li>
                            <img src="img/Mbags_06.jpg" alt="">
                            <span class='Mdetails'>
                                Gucci Vintage Web Leather Boston Tote Baq 247205 RED
                                <b class='price'>$219 &times; 1</b>
                            </span>
                        </li>
                        <li>
                            <img src="img/Mbags_08.jpg" alt="">
                            <span class='Mdetails'>
                                Gucci Vintage Web Leather Boston Tote Baq 247205 RED
                                <b class='price'>$219 &times; 1</b>
                            </span>
                        </li>
                        <li>
                            <div class='cartBtn'>
                                <div class='mctotal'>Subtotal:<span class='price'>$219</span></div>
                                <button class='mcBtn'>Checkout</button>
                            </div>
                            
                        </li>
                        
                    </ul> -->
                </span>
                
                <a href="">Order Tracking</a>
                <img src="img/(1).jpg" alt="">
                <a href="">Help</a>
            </div>
        </div>
        <div class='header-bottom wrap'>
            <div class='logo lt'>
                <img src="img/(4).jpg" alt="">
            </div>
            <div class='search rt' >
                <div class="searbox">
                    <img src="img/(5).jpg" alt="">
                    <input type="text" placeholder='Please enter the keywords'>
                    <button id='Searchbtn'>Search</button>
                </div>
                <div class="hotkey">
                    <a href="">LV handbags</a>
                    <a href="">shoes</a>
                    <a href="">Rolex watch</a>
                </div>
            </div>
        </div>
        </header>
    </div>

    <div class="mcnav ">
            <ul class='nav_container wrap'>
                <li class='mcActive'>
                    ALL CATEGORIES 
                    <span id='nav_btn'>
                        <img src="img/mcNav1.jpg" alt="" class='CATEGORIES'>
                    </span>
                    <ul id='navlist'>
                        <div id='navDeatils'>
                        </div>

                        <div id='showNav'>
                            <div class='mctitle'>
                                <span>New Arrivals </span>
                                <span><img src="img/09nav_03.jpg" alt=""></span>
                            </div>
                            <p>Final sale   <img src="img/mcNav3.jpg" alt=""></p>
                            <p class='fath'>
                                <span>Louis Vuitton</span> 
                                <span>
                                    <img src="img/09nav_07.jpg" alt="" >
                                </span>
                            </p>
                            <p class='fath'>
                                <span>Louis Vuitton</span> 
                                <span>
                                    <img src="img/09nav_07.jpg" alt="" >
                                </span>
                            </p>
                            <p class='fath'>
                                <span>Louis Vuitton</span> 
                                <span>
                                    <img src="img/09nav_07.jpg" alt="" >
                                </span>
                            </p>
                            <p class='fath'>
                                <span>Louis Vuitton</span> 
                                <span>
                                    <img src="img/09nav_07.jpg" alt="" >
                                </span>
                            </p>
                            <p class='fath'>
                                <span>Louis Vuitton</span> 
                                <span>
                                    <img src="img/09nav_07.jpg" alt="" >
                                </span>
                            </p>
                        </div>   
                    </ul>
                </li>
                <li class='Home'><a href="">Home</a><span class='Mborder'>|</span></li>
                <li class='Home'><a href="">New Arrivals</a><span class='Mborder'>|</span></li>
                <li class='Home'><a href="">Final saled</a><span class='Mborder'>|</span></li>
                <li class='Home'><a href=""><span><img src="img/mcNav2.jpg" alt="" class='coin'></span>Brands</a><span class='Mborder'>|</span></li>
                <li class='Home'><a href=""><span><img src="img/mcNav3.jpg" alt="" class='coin'></span>Albums</a></li>
            </ul>
    </div>
<!-- 主体部分商品详情 -->
    <div id="main">
        <div class="lt_top">
        <div class="imgs_l">
                 <p class="fl"><img src="img/left.png"></p>
                 <div class="thumbnail fl"><img src="img/1.jpg"></div>
                 <div class="thumbnail fl"><img src="img/2.jpg"></div>
                 <div class="thumbnail fl"><img src="img/3.jpg"></div>
                 <div class="thumbnail fl"><img src="img/4.jpg"></div>
                 <div class="thumbnail fl"><img src="img/5.jpg"></div>
                 <p class="fl"><img src="img/right.png" height="60" width="20" alt="" /></p>
            </div>
        <div class="deta2 data">
            <table class="chttable">
                <tr>
                    <th>Qrder</th>
                    <th>Qty</th>
                    <th>Description</th>
                    <th>Price</th>
                </tr>
                <tr>
                    <td>Retail</td>
                    <td>1-4</td>
                    <td>Any Items &lt; 5</td>
                    <td>$239</td>
                </tr>
                <tr>
                    <td rowspan="3" class="grey">Factory</td>
                    <td class="grey">5-9</td>
                    <td class="grey">5 # Same Items $ 10</td>
                    <td class="grey">$219</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>10 # Same Items $ 20</td>
                    <td>$209</td>
                </tr>
                <tr class="#F5F5F5">
                    <td class="grey">20</td>
                    <td class="grey">Same Items $ 20</td>
                    <td class="grey">$119</td>
                </tr>
            </table>
            <div class="campaign">
                <p>List price:<span><del>py6.588.00</del></span></p>
                <p>Our price:<span>py6.239.00</span> </p>
                <img src="img/详情页_r2_c2.png" height="32" width="271" alt="" />
                <p>This campaign has now ended. Please 
                <a href="">click here</a>
                 to see the lastest product information</p>
            </div>
            <div class="select">
                <p>Size:
                    <span>35</span>
                    <span>36</span>
                    <span>37</span>
                    <span>38</span>
                    <span>39</span>
                </p>
                <p>Color:
                    <span>Black</span>
                    <span>Red</span>
                    <span>White</span>
                    <span>Green</span>
                    <span>Yellow</span>
                </p>
            </div>
            <div class="bottom">
                <p>
                    <i class=" iconfont icon-gift"></i><ins>Free Gift</ins>
                </p>
                <div class="ins">
                    <p><input type="checkbox" />Genuine Original Package<span>[+py6. 8.99]</span> <a href=""><ins>view</ins><i class="iconfont icon-xialajiantouxiangxia"></i></a></p>
                    <p><input type="checkbox" />Genuine Original Package<span>[+py6. 8.99]</span> <a href=""><ins>view</ins><i class="iconfont icon-xialajiantouxiangxia"></i></a></p>
                    <hr>
                </div>
            </div>
        </div>
        </div>
        <div class="contains">
            <div class="deta3 data">
                <div class="top">
                    <p>In Stock!</p>
                    <p class="star">
                         <i class="iconfont icon-aixin"></i><i class="iconfont icon-aixin"></i><i class="iconfont icon-aixin"></i><i class="iconfont icon-aixin"></i><i class="iconfont icon-aixin"></i>
                         <a href="">(<ins>20</ins>&nbsp;reviews)</a>
                    </p>
                </div>
                     <hr>
                <div class="center">
                    <p><i class="iconfont icon-fb"></i><i class="iconfont icon-Twitter"></i><span class="mail"><i class="iconfont icon-185078emailmailstreamline"></i>Tell a Friend</span></p>
                    <p><i class="iconfont icon-aixin">Add to Wish List</i></p>
                    <p><i class="iconfont icon-185078emailmailstreamline"></i>Contact Us</p>
                    <p><i class="iconfont icon-fax"></i>Print</p>
                </div>
                <div class="bottom">
                    <img src="img/_r2_c2.png" alt="" />
                </div>
            </div>
        </div>
            
    </div>   
    <div id="detail">
        <img src="img/details.png" />
    </div>
    <div id="Comment">

        <div id="CommentLeftM">
             <div id="mComment">
                <h4>Customer Ratings and Reviwews</h4>
                <div class="commentData">
                    <div class="avarageRating" >
                        <p>Average Rating：</p>
                            <p class="avarageStar">
                            </p>
                            <p>82 reviews <br />
                            <span class="highlight_red">write a review</span>,and get Points.
                        </p>
                    </div>
                    <ul class="everyRating">
                        
                    </ul>
                </div>
                <ul class="commentUl">

                </ul>
                <div class="buyerComments">
                    <p>五颗星星</p>
                    <!-- 你的名字 -->
                    <label for="yourName">Your Name</label><br />
                    <input type="text" id="yourName" placeholder="Test" autofouce/><br />
                    <!-- 你的内容 -->
                    <label for="yourContent" >Content</label><br />
                    <textarea name="uerscommnt" id="yourContent" cols="40" rows="10"></textarea><br />
                    <!-- 头像 -->
                    <input type="file"  name="photo" multiple value=""/><br />
                           <!--  验证码-->
                    <input type="text" name="userCaptcha" required class="userCaptcha" />
                    <!-- 随机验证码 -->
                         <span class="captcha">0</span><br />
                    <button class="btnSubmit">Submit</button>
                </div>
            </div>
        </div>
        <div id="CommentRightM">
            
        </div>
    </div>
<!-- 尾部毛继陆 -->
    <div id="footer">
        <footer>
            <div class="F_link wrap">
                <ul>
                    <p><a href="">Customer Service</a></p>
                    <li><a href="">Shopping Guide</a></li>
                    <li><a href="">Rturn Policy</a></li>
                    <li><a href="">FQA</a></li>
                    <li><a href="">Shipping</a></li>
                    <li><a href="">Contack</a></li>
                </ul>
                <ul>
                    <p><a href="">Company Info</a></p>
                    <li><a href="">About Us</a></li>
                    <li><a href="">Why Buy Form Us</a></li>
                    <li><a href="">Privacy & Securiry Policy</a></li>
                    <li><a href="">Term of Use</a></li>
                </ul>
                <ul>
                    <p><a href="">Make Money With Us</a></p>
                    <li><a href="">Wholesale</a></li>
                    <li><a href="">Points &  Coupon，Gifts</a></li>
                </ul>
                <ul>
                    <p><a href="">Join our community</a></p>
                    <li><img src="img/Flink_03.jpg" alt=""></li>
                    <li><img src="img/Flink_06.jpg" alt=""></li>
                    <li><img src="img/Flink_09.jpg" alt=""></li>
                </ul>
                <ul>
                    <img src="img/Email.jpg" alt="" class='lt'>
                    <div class='email'>
                        <li>Enter your E-mail address and get your FREE E-Book!</li>
                        <input type="text" placeholder='Enter your E-mail address'>
                        <button class='Ebtn'><img src="img/E-mail.jpg" alt="" class='EPic'>Subscribe</button>
                    </div>  
                </ul>
            </div>
            <div class='footer_bottom wrap'>
                <div class='imgList'>
                    <a href=""><img src="img/pay_33.jpg" alt=""></a>
                    <a href=""><img src="img/pay_39.jpg" alt=""></a>
                    <a href=""><img src="img/pay_13.jpg" alt=""></a>
                    <a href=""><img src="img/pay_15.jpg" alt=""></a>
                    
                    <a href=""><img src="img/pay_17.jpg" alt=""></a>
                    <a href=""><img src="img/pay_19.jpg" alt=""></a>
                    <a href=""><img src="img/pay_21.jpg" alt=""></a>
                    <a href=""><img src="img/pay_23.jpg" alt=""></a>
                    <a href=""><img src="img/pay_25.jpg" alt=""></a>
                    <a href=""><img src="img/pay_27.jpg" alt=""></a>
                    <a href=""><img src="img/pay_30.jpg" alt=""></a>
                    <a href=""><img src="img/pay_36.jpg" alt=""></a>
                </div>
                <div class='copyright'>
                    <p>&copy; 2008-2013 <a href="">Outletinbox.com</a></p>
                    <span>  All Rights Reserved.</span>
                </div>
            </div>  
        </footer>
        <span id="toTop">Top</span>
    </div>
    <script src="js/mjl.js"></script>
    <script type="js/lm87.js"></script>
    <script src="js/commonlm.js"></script>
    <script src="js/xqy.js"></script>
    <script src='js/common.js'></script>
</body>
</html>